<template>
  <div style="background: #f5f6f7;">
    <Hearder></Hearder>

    <div class="trends_body">
      <div class="home-page f-clear">
        <div class="home-container">
          <router-view></router-view>
        </div>
      </div>
    </div>

    <Footer></Footer>

    <BackTopBar></BackTopBar>
  </div>
</template>

<script>
import Hearder from '@/components/Hearder'
import Footer from '@/layout/components/Footer'
import BackTopBar from '@/layout/components/BackTopBar'

export default {
  name: 'Trends',
  components: { BackTopBar, Hearder, Footer },
  data() {
    return {}
  },
  computed: {},
  created() {},
  methods: {}
}
</script>

<style scoped lang="scss">
@import "./index";
@import "./reply";
</style>
<style scoped>
/deep/ .el-textarea__inner {
  width: 100%;
  min-height: 22px;
  max-height: 300px;
  letter-spacing: 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: pre-wrap;
  color: #222;
  background-color: #fff;
  font-size: 14px;
  vertical-align: baseline;
  outline: none;
  line-height: 22px;
  border-radius: 4px;
  word-break: break-word;
  word-wrap: break-word;
}

.disabled {
  opacity: 0.5;
  cursor: not-allowed !important;
}
</style>
